<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>search</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.1/css/sm.min.css">
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/search.css" />
</head>

<body>

<div class="search_header">
	<div class="gover_search">
	    <span class="quxiao f16 ml10 mr5 fl">取消</span>
		<div class="gover_search_form clearfix">
			<input type="text" class="input_search_key" id="gover_search_key" value="" placeholder="输入城市名">
			<span class="search_btn"></span>
		</div>
		<div class="search_suggest f14" id="gov_search_suggest" style="display: none;">
			<ul>
				<li data-id="5" data-py="aomen">澳门</li>
				<li data-id="22" data-py="anqing">安庆</li>
				<li data-id="87" data-py="anshun">安顺</li>
				<li data-id="128" data-py="anyang">安阳</li>
				<li data-id="222" data-py="anshan">鞍山</li>
				<li data-id="243" data-py="alashanzuoqi">阿拉善左旗</li>
				<li data-id="293" data-py="ankang">安康</li>
				<li data-id="313" data-py="aba">阿坝</li>
				<li data-id="322" data-py="ali">阿里</li>
				<li data-id="328" data-py="akesu">阿克苏</li>
			</ul>
		</div>
	</div>
</div>

<div class="card-container">
   <div class="x-wcard">
		<div class="card-content">
			<div class="card-content-inner f14">
				<div class="x-zhoutitle mb10">国际天气</div>
				<div class="x-zhoulst clearfix f14">
		            <a href="#tab1" class="tab-link active">亚洲</a>
		            <a href="#tab2" class="tab-link">欧洲</a>
		            <a href="#tab3" class="tab-link">美洲</a>
		            <a href="#tab4" class="tab-link">大洋洲</a>
		            <a href="#tab5" class="tab-link">非洲</a>
		        </div>
		        <div class="tabs">
				    <div id="tab1" class="tab active">
				      <div class="content-block">
				        <div class="x-zhoutitle mb10">亚洲全部国家</div>
				        <div class="guoList">
				        	<dl>
				        		<dt>A</dt>
				        		<dd>
				        		<a href="">阿富汗</a>
								<a href="">阿拉伯联合酋长国</a>
								<a href="">阿曼</a>
								<a href="">阿塞拜疆</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>B</dt>
				        		<dd>
				        		<a href="">巴基斯坦</a>
								<a href="">巴林</a>
								<a href="">不丹</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>C</dt>
				        		<dd>
				        		<a href="">朝鲜</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>F</dt>
				        		<dd>
				        		<a href="">菲律宾</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>G</dt>
				        		<dd>
				        		<a href="">格鲁吉亚</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>H</dt>
				        		<dd>
				        		<a href="">哈萨克斯坦</a>
				        		<a href="">韩国</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>J</dt>
				        		<dd>
				        		<a href="">吉尔吉斯斯坦</a>
				        		<a href="">柬埔寨</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>K</dt>
				        		<dd>
				        		<a href="">卡塔尔</a>
				        		<a href="">科威特</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>L</dt>
				        		<dd>
				        		<a href="">老挝</a>
				        		<a href="">黎巴嫩</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>M</dt>
				        		<dd>
				        		<a href="">马尔代夫</a>
				        		<a href="">马来西亚</a>
				        		<a href="">蒙古</a>
				        		<a href="">孟加拉</a>
				        		<a href="">缅甸</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>N</dt>
				        		<dd>
				        		<a href="">尼泊尔</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>R</dt>
				        		<dd>
				        		<a href="">日本</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>S</dt>
				        		<dd>
				        		<a href="">塞浦路斯</a>
				        		<a href="">沙特阿拉伯</a>
				        		<a href="">斯里兰卡</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>T</dt>
				        		<dd>
				        		<a href="">塔吉克斯坦</a>
				        		<a href="">泰国</a>
				        		<a href="">土耳其</a>
				        		<a href="">土库曼斯坦</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>W</dt>
				        		<dd>
				        		<a href="">文莱</a>
				        		<a href="">乌兹别克斯坦</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>X</dt>
				        		<dd>
				        		<a href="">新加坡</a>
				        		<a href="">叙利亚</a>
								</dd>
				        	</dl>
				        	<dl>
				        		<dt>Y</dt>
				        		<dd>
				        		<a href="">亚美尼亚</a>
				        		<a href="">也门</a>
				        		<a href="">伊拉克</a>
				        		<a href="">伊朗</a>
				        		<a href="">以色列</a>
				        		<a href="">印度</a>
				        		<a href="">印度尼西亚</a>
				        		<a href="">约旦</a>
				        		<a href="">约旦河西岸</a>
				        		<a href="">越南</a>
								</dd>
				        	</dl>
				        </div>
				      </div>
				    </div>
				    <div id="tab2" class="tab">
				      <div class="content-block">
				        <div class="x-zhoutitle mb10">欧洲全部国家</div>
				      </div>
				    </div>
				    <div id="tab3" class="tab">
				      <div class="content-block">
				        <div class="x-zhoutitle mb10">美洲全部国家</div>
				      </div>
				    </div>
				    <div id="tab4" class="tab">
				      <div class="content-block">
				        <div class="x-zhoutitle mb10">大洋洲全部国家</div>
				      </div>
				    </div>
				    <div id="tab5" class="tab">
				      <div class="content-block">
				        <div class="x-zhoutitle mb10">非洲全部国家</div>
				      </div>
				    </div>
				  </div>
			</div>
		</div>

	</div>

</div>




<div class="login-area pt10" id="footer">
	<div class="copyright">Copyright © 2016 tianqi321.com 版权所有 </div>
</div>
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
</body>
</html>